<template>
  <div class="box_right">
    <div class="box_right_mid">
      <!-- 我的钱包 盒子1 -->
      <div class="box_right_mid_box1">
        <!-- 头像框 -->
        <div class="box1_head">
          <!-- 头像 -->
          <div class="box1_head_1">
            <img class="box1_head_1" :src="toxianimg" alt="" />
          </div>
          <!-- 账号id -->
          <div class="id_text">xb_685268abc</div>
          <!-- 按钮 -->
          <div class="el_but">
            <el-button class="el_min_but" size="mini" round
              >积分值 666
            </el-button>
            <el-button class="el_min_but" size="mini" round
              >小白守约积分 166
            </el-button>
          </div>
          <!-- 开通会员 -->
          <div class="box_vip">
            <div class="vip_text">
              开通PLUS会员尊享<br />全年360元运费券礼包
            </div>
            <el-button class="vip_oper" size="mini" round>立即开通 </el-button>
          </div>
        </div>

        <div class="box1_right">
          <!-- 标题 -->
          <div class="box_title">
            <!-- 标题头 -->
            <div class="title_txt">
              <h3>我的钱包</h3>
            </div>
            <!-- 小眼睛 -->
            <div class="title_icon_eye">
              <svg
                t="1651754784960"
                class="icon_eye"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1314"
                width="200"
                height="200"
              >
                <path
                  d="M512 116.363636C265.309091 116.363636 55.854545 262.981818 0 507.345455v11.636363C55.854545 761.018182 265.309091 907.636364 512 907.636364s456.145455-146.618182 512-390.981819v-11.636363C968.145455 262.981818 758.690909 116.363636 512 116.363636z m0 744.727273c-223.418182 0-414.254545-130.327273-465.454545-349.090909C97.745455 293.236364 288.581818 162.909091 512 162.909091s414.254545 130.327273 465.454545 349.090909c-51.2 218.763636-242.036364 349.090909-465.454545 349.090909z m0-535.272727c-102.4 0-186.181818 83.781818-186.181818 186.181818s83.781818 186.181818 186.181818 186.181818 186.181818-83.781818 186.181818-186.181818-83.781818-186.181818-186.181818-186.181818z m0 325.818182c-76.8 0-139.636364-62.836364-139.636364-139.636364s62.836364-139.636364 139.636364-139.636364 139.636364 62.836364 139.636364 139.636364-62.836364 139.636364-139.636364 139.636364z"
                  fill="#666666"
                  p-id="1315"
                ></path>
              </svg>
            </div>
          </div>

          <!-- 金额优惠卷列表 -->
          <div class="box1_money_box">
            <div class="box1_money_1">
              <div class="box1_money_1_number">
                <a class="number" href="">6</a>
              </div>
              <div class="box1_money_1_txt">
                <span>优惠卷</span>
              </div>
            </div>

            <div class="box1_money_1">
              <div class="box1_money_1_number">
                <a class="number" href="">26</a>
              </div>
              <div class="box1_money_1_txt">
                <span>小白豆</span>
              </div>
            </div>

            <div class="box1_money_1">
              <div class="box1_money_1_number">
                <router-link to="/pscenter/userbalance" class="number" href=""
                  >{{number_many}}</router-link
                >
              </div>
              <div class="box1_money_1_txt">
                <span>余额</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 右中间主体 盒子2 -->
      <div class="box_right_mid_box2">
        <!--右中间盒子  左边 -->
        <div class="box2_left">
          <!--我的订单-->
          <div class="box2_left_top">
            <!-- 标题头 -->
            <div class="box_title">
              <!-- 标题头 -->
              <div class="title_txt">
                <h3>我的订单</h3>
              </div>
            </div>
            <!-- 收付款 -->
            <div class="icon_list">
              <div class="icon_list_d">
                <div class="icon_l">
                  <router-link to="/pscenter/orderlist">
                    <svg
                      t="1651827716839"
                      class="icon_p"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="5170"
                      width="200"
                      height="200"
                    >
                      <path
                        d="M851.5072 815.4112H120.6272c-34.3552 0-62.208-27.8528-62.208-62.208V266.4448c0-34.3552 27.8528-62.208 62.208-62.208h730.88c34.3552 0 62.208 27.8528 62.208 62.208v486.7584c0 34.3552-27.8528 62.208-62.208 62.208z"
                        fill="#FFAC3E"
                        p-id="5171"
                      ></path>
                      <path
                        d="M58.3168 318.464h855.296v85.0432H58.3168zM392.8576 557.1072H183.3472c-22.6304 0-40.96-18.3296-40.96-40.96s18.3296-40.96 40.96-40.96h209.4592c22.6304 0 40.96 18.3296 40.96 40.96 0.0512 22.5792-18.2784 40.96-40.9088 40.96z"
                        fill="#FFFFFF"
                        p-id="5172"
                      ></path>
                      <path
                        d="M771.9424 685.6704m-192.9216 0a192.9216 192.9216 0 1 0 385.8432 0 192.9216 192.9216 0 1 0-385.8432 0Z"
                        fill="#FFAC3E"
                        p-id="5173"
                      ></path>
                      <path
                        d="M913.7152 554.8544c-35.2256-38.144-85.7088-62.1056-141.7728-62.1056-106.5472 0-192.9216 86.3744-192.9216 192.9216 0 49.92 18.944 95.4368 50.0736 129.6896h221.44c34.8672 0 63.1808-28.2624 63.1808-63.1808v-197.3248z"
                        fill="#FF7C0E"
                        p-id="5174"
                      ></path>
                      <path
                        d="M857.0368 763.8016h-106.5984c-22.6304 0-40.96-18.3296-40.96-40.96v-94.7712c0-22.6304 18.3296-40.96 40.96-40.96s40.96 18.3296 40.96 40.96v53.8112h65.6384c22.6304 0 40.96 18.3296 40.96 40.96s-18.3296 40.96-40.96 40.96z"
                        fill="#FFFFFF"
                        p-id="5175"
                      ></path>
                    </svg>
                  </router-link>
                </div>

                <span class="icon_name">待付款</span>
              </div>

              <div class="icon_list_d">
                <div class="icon_l">
                  <svg
                    t="1651830496934"
                    class="icon_p"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="8339"
                    data-spm-anchor-id="a313x.7781069.0.i15"
                    width="200"
                    height="200"
                  >
                    <path
                      d="M956.928 221.7984v-31.6416c0-45.2608-36.6592-81.92-81.92-81.92H156.4672c-45.2608 0-81.92 36.6592-81.92 81.92v31.6416H956.928zM74.5472 283.2384v546.048c0 45.2608 36.6592 81.92 81.92 81.92H875.008c45.2608 0 81.92-36.6592 81.92-81.92V283.2384H74.5472z m455.4752 348.928h-32.2048c-142.3872 0-258.2528-115.2512-258.2528-256.8704 0-16.9472 13.7728-30.72 30.72-30.72s30.72 13.7728 30.72 30.72c0 107.776 88.32 195.4304 196.8128 195.4304h32.2048c108.544 0 196.8128-87.6544 196.8128-195.4304 0-16.9472 13.7728-30.72 30.72-30.72s30.72 13.7728 30.72 30.72c0 141.6192-115.8144 256.8704-258.2528 256.8704z"
                      fill="#FFAC3E"
                      p-id="8340"
                    ></path>
                  </svg>
                </div>
                <span class="icon_name">待收货</span>
              </div>

              <div class="icon_list_d">
                <div class="icon_l">
                  <svg
                    t="1651830974839"
                    class="icon_p"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="10523"
                    data-spm-anchor-id="a313x.7781069.0.i21"
                    width="200"
                    height="200"
                  >
                    <path
                      d="M960 808.89v51.15c0 38.13-28.88 57.84-64.47 44.32L685.1 808.89H960z"
                      fill="#FFAC3E"
                      p-id="10524"
                      data-spm-anchor-id="a313x.7781069.0.i20"
                      class="selected"
                    ></path>
                    <path
                      d="M288.17 391.18h447.66c28.64 0 51.87-22.97 51.87-51.71 0-28.55-22.99-51.72-51.87-51.72H288.17c-28.55 0-51.69 23.15-51.69 51.72 0 28.56 23.14 51.71 51.69 51.71zM425.7 598.03h310.43c28.47 0 51.56-22.96 51.56-51.71 0-28.55-23.44-51.72-51.56-51.72H425.7c-28.46 0-51.55 22.96-51.55 51.72 0 28.54 23.43 51.71 51.55 51.71zM132.82 115.38h758.36c38.03 0.06 68.82 30.91 68.82 68.95v609.08H678.48l-0.14-0.05H132.68c-37.92-0.06-68.64-30.81-68.68-68.75V184.12c0-37.85 30.8-68.74 68.82-68.74z"
                      fill="#FFAC3E"
                      p-id="10525"
                    ></path>
                  </svg>
                </div>
                <span class="icon_name">待评价</span>
              </div>

              <div class="icon_list_d">
                <div class="icon_l">
                  <svg
                    t="1651831174329"
                    class="icon_p"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="12805"
                    width="200"
                    height="200"
                  >
                    <path
                      d="M269.7 317.1L380 223.9c18.4-15.6 41.7-24.2 65.8-24.1h140.6c26 0.1 51 10 69.9 27.8l96.1 90.3c5.5 5.2 7.3 13.3 4.5 20.3s-9.6 11.7-17.2 11.7H282.2c-7.9 0.3-15.1-4.5-17.9-11.9-2.8-7.4-0.7-15.8 5.4-20.9z m506.4 55.5H246c-23.1 0.1-41.8 18.6-42.1 41.7V780c0.1 23.2 18.9 42.1 42.1 42.1h530.1c23.2-0.1 42-18.9 42.1-42.1V414.3c-0.3-23.1-19-41.6-42.1-41.7zM613.4 738.3h-95.1c-9 0.7-17.7-3.7-22.5-11.5-4.7-7.7-4.7-17.5 0-25.2 4.7-7.7 13.4-12.2 22.5-11.5h95.1c35.7 0 64.7-28.9 64.7-64.7s-28.9-64.7-64.7-64.7H382.9v33.5c0 4-2.5 7.7-6.2 9.2-3.7 1.6-8 0.8-10.9-2.1l-52.2-53.4c-6.6-6.6-6.6-17.4 0-24l52.8-52.7c2.8-2.9 7.2-3.9 10.9-2.3 3.8 1.5 6.2 5.2 6.2 9.3v33.6h230c62.4 0 113.1 50.6 113.1 113.1-0.1 62.8-50.7 113.4-113.2 113.4z m0 0"
                      fill="#FFAC3E"
                      p-id="12806"
                    ></path>
                  </svg>
                </div>
                <span class="icon_name">退换/售后</span>
              </div>

              <div class="icon_list_d">
                <div class="icon_l">
                  <svg
                    t="1651831477232"
                    class="icon_p"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="17223"
                    width="200"
                    height="200"
                  >
                    <path
                      d="M459.954135 607.201246l233.733369 0c14.352893 0 25.941835-11.088546 25.941835-24.798802 0-13.623275-11.587919-24.710798-25.941835-24.710798l-233.733369 0c-14.352893 0-25.986861 11.087523-25.986861 24.710798C433.967274 596.1127 445.601242 607.201246 459.954135 607.201246zM382.017088 824.38673l287.564391-0.272199 0-0.633427c9.370415-1.494027 16.660448-9.233292 16.660448-19.053961 0-9.773598-7.290033-17.693987-16.660448-19.23304l0-0.633427L369.500007 784.560676c-27.275203 0-51.949162-38.46915-51.949162-65.214281l0-415.585113c0.181125-1.041726 0.633427-1.992377 0.633427-3.123131 0-10.997472-8.985652-20.00359-20.032242-20.00359-11.023054 0-20.010753 9.007141-20.010753 20.00359l0 418.708244C278.1423 773.383102 327.080895 824.38673 382.017088 824.38673zM693.687504 89.925079c-3.235694 0-311.669392-0.814552-311.669392-0.814552-51.2922 0-96.314603 39.10053-102.108562 88.294952-0.181125 1.085728-0.656963 2.036379-0.656963 3.168156 0 0.091074 0.023536 0.135076 0.023536 0.181125 0 0.046049-0.023536 0.090051-0.023536 0.181125l0.067538 0c0.181125 10.860349 9.031701 19.685341 19.942191 19.685341 10.933003 0 19.762089-8.824993 19.964704-19.685341l0.226151 0c6.043646-24.664749 27.027563-52.04433 50.04786-52.04433l284.755416 0c-0.406253 60.461023 0 118.435413 0 118.435413 0 54.531987 35.991726 91.642187 91.358731 91.642187 0 0 40.133046 0 90.428545 0l0 380.37724c0.338714 44.261063-33.70259 65.757656-62.180178 65.214281l0 0.272199c-10.229992 0.723477-18.425651 9.188266-18.425651 19.594267 0 10.454096 8.195659 18.736736 18.425651 19.417235l0 0.271176c0.248663 0 0.49835-0.091074 0.74599-0.091074 0.184195 0 0.340761 0.091074 0.522909 0.091074 0.971118 0 1.811252-0.407276 2.739391-0.544399 52.287877-3.755534 97.580432-52.314483 97.580432-104.22476L875.452267 299.777551 693.687504 89.925079zM745.615177 299.777551c-27.684526 0-51.927673-51.411927-51.927673-78.69941 0 0 0-27.606755 0-78.656431l0-0.045025 129.839137 157.400866L745.615177 299.777551zM459.954135 483.471246l233.733369 0c14.352893 0 25.941835-11.041474 25.941835-24.708751 0-13.667278-11.587919-24.7548-25.941835-24.7548l-233.733369 0c-14.352893 0-25.986861 11.087523-25.986861 24.7548C433.967274 472.430796 445.601242 483.471246 459.954135 483.471246zM716.709847 841.356216c-8.53335 0-15.32708 6.246261-17.113773 14.256702l-0.475837-0.045025c-21.73093 44.171012-40.426735 34.032094-62.294788 34.032094L252.179998 889.599987c-27.27725 0-64.466244-38.512129-64.466244-65.213257L187.713754 322.314847c0-24.800849 29.857005-58.606793 55.954383-63.403029l0-0.543376c10.571776-0.543376 19.082614-9.142218 19.082614-19.86749 0-10.68127-8.510838-19.279089-19.082614-19.777439l0-0.226151c-0.181125 0.044002-0.339738 0.091074-0.51984 0.091074-0.158612 0-0.272199-0.091074-0.429789-0.091074-1.245364 0-2.353604 0.497327-3.553942 0.724501-50.703799 5.203512-90.860381 52.134381-90.860381 103.092983l0 502.07086c0 54.034661 48.938596 105.038288 103.875812 105.038288l389.558343 0c47.104831 0 78.254272-17.198707 90.542132-61.683874 1.358951-2.533706 2.330068-5.250584 2.330068-8.326643C734.611565 849.546759 726.601124 841.356216 716.709847 841.356216z"
                      p-id="17224"
                      fill="#FFAC3E"
                    ></path>
                  </svg>
                </div>
                <span class="icon_name">全部订单</span>
              </div>
            </div>
          </div>

          <!-- 会员推荐 -->
          <div class="box2_left_top">
            <!-- 标题头 -->
            <div class="box_title">
              <!-- 标题头 -->
              <div class="title_txt">
                <h3>会员推荐</h3>
              </div>

              <el-button class="vip_oper" size="mini" round
                >立即开通
              </el-button>
            </div>
          </div>
        </div>
        <!-- 右中间盒子 右边 -->
        <div class="box2_right">
          <div class="box2_right_tile">
            <!-- 标题头 -->
            <div class="box_title">
              <!-- 标题头 -->
              <div class="title_txt">
                <h3>我的关注</h3>
              </div>

              <div class="box2_follow">
                <div class="box2_follow_p">
                  <router-link to="/like">
                    <div class="box2_follow_number">6</div>
                    <div class="box2_follow_name">商品关注</div>
                  </router-link>
                </div>

                <div class="box2_follow_p">
                  <router-link to="/like">
                    <div class="box2_follow_number">8</div>
                    <div class="box2_follow_name">店铺关注</div>
                  </router-link>
                </div>
              </div>
            </div>
          </div>
          <div class="box2_right_tile">
            <!-- 标题头 -->
            <div class="box_title title_data">
              <!-- 标题头 -->
              <div class="title_txt">
                <h3>我的日历</h3>
              </div>
            </div>

            <div class="box2_reght_date">
              <div class="date_day date_public">27</div>
              <div class="date_public">星期五</div>
              <div class="date_public">2020.05</div>
            </div>
          </div>

          <div class="box2_right_tile">
            <div class="box_title">
              <div class="title_txt">
                <h3>生活服务</h3>
              </div>
            </div>

            <a href="">
              <div class="shop_img">
                <div class="imges"></div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "user_percenter",
  data() {
    return {
      toxianimg: require("@/assets/images/pscenter/logo.jpg"),
      number_many: "999.19",
    };
  },


  methods: {
    getdate() {
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      let dd = new Date().getDate();
      let hh = new Date().getHours();
      let mf =
        new Date().getMinutes() < 10
          ? "0" + new Date().getMinutes()
          : new Date().getMinutes();
      let ss =
        new Date().getSeconds() < 10
          ? "0" + new Date().getSeconds()
          : new Date().getSeconds();
      _this.gettime = yy + "-" + mm + "-" + dd + " " + hh + ":" + mf + ":" + ss;
      console.log(this.gettime);
    },
  },
};
</script>

<style scoped>
</style>
